<!DOCTYPE html>
<html>
	<head>
		<!-- ---------------------- 模板 ---------------------- -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link href="css/framework/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="css/framework/reset.css" rel="stylesheet">
		<link href="css/framework/main.css" rel="stylesheet">
		<link href="css/framework/header.css" rel="stylesheet">
		<title>饿了么 商家信息</title>
		<!-- ---------------------- 开发 ---------------------- -->
		<link href="css/businessInfo.css" rel="stylesheet">
	</head>
	<body>
		<div class="wrapper">
			
			<!-- header部分 -->
			<header>
				<p>商家信息</p>
			</header>
			
			<!-- 商家logo部分 -->
			<div class="business-logo">
				<img src="img/bl_1.png">
			</div>
			
			<!-- 商家信息部分 -->
			<div class="business-info">
				<h1>沪上阿姨（大连民族大学店）</h1>
				<p>&#165;15起送 &#165;免配送费</p>
				<p>金石滩旅游度假区奶茶热销榜第1名</p>
			</div>
			
			<!-- 食品列表部分 -->
			<ul class="food">
				<li>
					<div class="food-left">
						<img src="img/bl_2.png">
						<div class="food-left-info">
							<h3>满杯鲜橙橙（大杯）</h3>
							<p>维生素C满满的橙汁中，揉进茉莉的馥郁清雅。</p>
							<p>&#165;18起</p>
						</div>
					</div>
					<div class="food-right">
						<div>
							<i class="fa fa-minus-circle"></i>
						</div>
						<p><span>3</span></p>
						<div>
							<i class="fa fa-plus-circle"></i>
						</div>
					</div>
				</li>
				<li>
					<div class="food-left">
						<img src="img/bl_3.png">
						<div class="food-left-info">
							<h3>手酿谷谷酸奶（胶囊杯）</h3>
							<p>1杯 谷谷爆珠搭配Q弹冻冻，融合手作酸奶，口味丰富</p>
							<p>&#165;17起</p>
						</div>
					</div>
					<div class="food-right">
						<div>
							<i class="fa fa-minus-circle"></i>
						</div>
						<p><span>2</span></p>
						<div>
							<i class="fa fa-plus-circle"></i>
						</div>
					</div>
				</li>
				<li>
					<div class="food-left">
						<img src="img/bl_4.png">
						<div class="food-left-info">
							<h3>雨前龙井绿茶（大杯）</h3>
							<p>绿茶</p>
							<p>&#165;12起</p>
						</div>
					</div>
					<div class="food-right">
						<div>
						</div>
						<p></p>
						<div>
							<i class="fa fa-plus-circle"></i>
						</div>
					</div>
				</li>
				<li>
					<div class="food-left">
						<img src="img/bl_5.png">
						<div class="food-left-info">
							<h3>葡萄酸奶昔（香水瓶）</h3>
							<p>酸奶 葡萄</p>
							<p>&#165;￥20</p>
						</div>
					</div>
					<div class="food-right">
						<div>
						</div>
						<p></p>
						<div>
							<i class="fa fa-plus-circle"></i>
						</div>
					</div>
				</li>
				<li>
					<div class="food-left">
						<img src="img/bl_6.png">
						<div class="food-left-info">
							<h3>芝士葡萄奶盖（大杯）</h3>
							<p>“多买满减很实惠”</p>
							<p>&#165;20起</p>
						</div>
					</div>
					<div class="food-right">
						<div>
						</div>
						<p></p>
						<div>
							<i class="fa fa-plus-circle"></i>
						</div>
					</div>
				</li>
			</ul>
			<br>
			<br>

			
			<!-- 购物车部分 -->
			<div class="cart">
				<div class="cart-left">
					<div class="cart-left-icon">
						<i class="fa fa-shopping-cart"></i>
						<div class="cart-left-icon-quantity">3</div>
					</div>
					<div class="cart-left-info">
						<p>&#165;12.88</p>
						<p>另需配送费3元</p>
					</div>
				</div>
				<div class="cart-right">
					<!-- 不够起送费 -->
					<!-- 
					<div class="cart-right-item">
						&#165;15起送
					</div> -->
					
					<!-- 达到起送费 -->
					<div class="cart-right-item" onclick="location.href='order.html'">
					    去结算
					</div>
				</div>
			</div>
			
		</div>	
	</body>
</html>
